  <script type="text/javascript" src="<?php echo $tp ?>/js/lib/jquery.nivoSilver.js"></script>
  <script type="text/javascript" src="<?php echo $tp ?>/js/lib/jquery.simpleslider.js"></script>
  <link rel="stylesheet" href="<?php echo $tp ?>/css/nivo-slider-enhanced.css" type="text/css" media="screen">	
  <style type="text/css">
	.NivoSzakiSlider .nivoSlider {width:942px;height:340px;}
  </style>
  
  <script type="text/javascript">
	        jQuery.noConflict();
            (function($) {
                $(window).load(function(){
                    $('.NivoSzakiSlider .nivoSlider').nivoSlider({
                    effect:'fade',
                    slices:5,
                    animSpeed:500,
                    pauseTime:5500,
                    startSlide:0,
                    directionNav:0,
                    directionNavHide:1,
                    controlNav:1,
                    controlNavThumbs:1,
                    controlNavThumbsFromRel:false,
                    controlNavThumbsSearch: '.jpg',
                    controlNavThumbsReplace: '_thumb.jpg',
                    keyboardNav:1,
                    pauseOnHover:1,
                    manualAdvance:0,
                    captionOpacity:0.8
                    });
                    $('ul#mycarousel').simpleSlider();
                    $('ul#mycarouse2').simpleSlider();
                    $('ul#mycarouse3').simpleSlider();
                    $('ul#mycarouse4').simpleSlider();
                });
            })(jQuery);
  </script>
			
			<div class="bannerArea">    	
				<div class="NivoSzakiSlider">
					<div class="nivoSlider">
						<img src="<?php echo $tp ?>/home/Picture8.jpg" alt="Array">
						<img src="<?php echo $tp ?>/home/Picture9.jpg">
						<img src="<?php echo $tp ?>/home/Picture10.jpg">
						<img src="<?php echo $tp ?>/home/Picture11.jpg">
					</div>
				</div>      
				<div class="clear"></div>
			</div>  
			<div style="color: red;"> </div>
			<div id="slideFooter">
			<ul id="mycarousel">
				<li><img src="<?php echo $tp ?>/home/picture1.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture2.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture3.png"></li>
			</ul>   
			<ul id="mycarouse2">
				<li><img src="<?php echo $tp ?>/home/Picture5.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture6.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture7.png"></li>
			</ul>   
			<ul id="mycarouse3">
				<li><img src="<?php echo $tp ?>/home/Picture3.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture4.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture5.png"></li>
			</ul>   
			<ul id="mycarouse4">
				<li><img src="<?php echo $tp ?>/home/picture1.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture6.png"></li>
				<li><img src="<?php echo $tp ?>/home/Picture7.png"></li>
			</ul>   
			</div>